<script>
export default {
  data() {
    return {};
  },
  globalData: {
    userinfo: null,
    //1:未登录  2：已登录
    loginstatus: 1,
    access_token: '',
    user_id: 0
  },
  /**
   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
   */
  onLaunch: function () {
    let _this=this

    //获取Storage
    uni.getStorage({
      key: "info",
      success: function (res) {
        console.log('getStorage*****', res)
        if (res.data.userinfo){
          _this.globalData.userinfo = JSON.parse(res.data.userinfo)
          _this.globalData.loginstatus = res.data.loginstatus
          _this.globalData.access_token = res.data.access_token
          _this.globalData.user_id = res.data.user_id
        }
      },
      fail: function (err) {
        console.log('getStorage**fail***', err)
      }
    })

    // this.globalData.userinfo
    //添加拦截器
    uni.addInterceptor('request', {
      invoke(args) {
        // request 触发前拼接 url
        console.log('invoke拦截器---', args)
      },
      success(args) {
        // 请求成功后code==-1需要登录
        console.log('success拦截器---', args)
        if (args.data.code == -1) {
          uni.navigateTo({
            url: "/packageC/login/login"
          })
        }
      },
      fail(err) {
        console.log('interceptor-fail', err)
      },
      complete(res) {
        console.log('interceptor-complete', res)
      }
    })
  },
  /**
   * 当小程序启动，或从后台进入前台显示，会触发onShow
   */
  onShow: function (options) {
  },
  /**
   * 当小程序从前台进入后台，会触发 onHide
   */
  onHide: function () {
  },
  /**
   * 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
   */
  onError: function (msg) {
  }
};
</script>
<style lang="scss">
@import "uview-ui/index.scss";

.ge1 {
  height: 4rpx;
  background-color: rgb(219, 216, 216); /* 设置输入框背景色为灰色 */
}

.ge2 {
  height: 15rpx;

  background-color: rgb(238, 237, 237); /* 设置输入框背景色为灰色 */
}

.ge3 {
  height: 2rpx;
  background-color: rgb(219, 216, 216);
  margin-top: 30rpx;
}

.ge4 {
  height: 25rpx;
  background-color: rgb(238, 237, 237); /* 设置输入框背景色为灰色 */
}

.xzq {
  width: 100%;
  height: 160rpx;
  display: flex; /* 使用Flexbox布局 */
  margin-left: 20rpx;
}

.xzq_5 {
  margin-top: 5%;
  margin-bottom: 5%;
  margin-right: 19rpx;
  font-size: 13px; /* 将字体大小设为14px */
  width: 14%;
  display: block;
  display: flex; /* 使用Flexbox布局 */
  align-items: center; /* 垂直居中 */
  flex-wrap: wrap; /* 允许子元素换行 */
  color: rgb(146, 140, 140);
}

.xzq_6 {
  background-color: rgba(72, 184, 128, 0.808);
  width: 14%;
  margin: 10rpx 19rpx 10rpx 0;
  display: flex; /* 使用Flexbox布局 */
  align-items: center; /* 垂直居中 */
  flex-wrap: wrap; /* 允许子元素换行 */
  font-size: 12px; /* 将字体大小设为14px */
  color: white;
  font-weight: bold;
  justify-content: center;
  border-radius: 10rpx;
}

.xzq_rl {
  margin-top: 5%;
  margin-bottom: 5%;
}

.xzq_rq {
  width: 70rpx;
  height: 70rpx;
}

.xzq_sjx {
  display: block;
  margin-left: 20rpx;
  width: 30rpx;
  height: 30rpx;
}

.di {
  color: rgb(104, 65, 28);
  position: fixed;
  bottom: 0rpx;
  z-index: 0;
  width: 100%;
  background: #ffffff;
  height: 200rpx;
  display: flex; /* 使用Flexbox布局 */
  justify-content: space-between; /* 子元素之间平均分布在容器中 */
  align-items: center;
}

.lb {
  margin: 20rpx 20rpx 0rpx 20rpx;
}

.bx_h1 {
  display: flex; /* 使用Flexbox布局 */
}

.bx_hx_tp {
  width: 180rpx;
  height: 180rpx;
}

.bx_h1_text {
  width: 55%;
  margin: 0rpx 0rpx 20rpx 20rpx;
}

.bx_name {
  font-size: 18px; /* 将字体大小设为14px */
  font-weight: bold; /* 设置字体加粗 */
}

.bx_gn {
  margin-top: 15rpx;
  font-size: 15px; /* 将字体大小设为14px */
  color: rgb(82, 82, 82);
}

.bx_tj {
  margin-top: 15rpx;
  font-size: 14px; /* 将字体大小设为14px */
  color: rgb(82, 82, 82);
}

.bx_qk {
  margin-top: 30rpx;
  width: 140rpx;
  height: 140rpx;
  border: 1px solid rgb(235, 0, 0);
  border-radius: 8px; /* 圆角设置为20px */
  text-align: center;
}

.bx_sj {
  background-color: rgb(197, 52, 52);
  height: 90rpx;
  display: flex; /* 使用Flexbox布局 */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  border-radius: 3px; /* 圆角设置为20px */
}

.bx_qk_sy {
  color: aliceblue;
  font-size: 12px; /* 将字体大小设为14px */
}

.bx_qk_qk {
  color: rgb(197, 52, 52);
  font-size: 12px; /* 将字体大小设为14px */
}

.bx_h2 {
  display: flex; /* 使用Flexbox布局 */
  flex-wrap: wrap; /* 允许子元素换行 */
  font-size: 12px; /* 将字体大小设为14px */
  color: rgb(128, 102, 16);
}

.bx_ss {
  height: 35rpx;
  padding: 10rpx 10rpx 10rpx 10rpx;
  margin-left: 10rpx;
  margin-top: 10rpx;
  border: 1px solid rgb(128, 102, 16);
  border-radius: 3px; /* 圆角设置为20px */
}

.bx_h3 {
  margin-top: 20rpx;
  margin-left: 10rpx;
  display: block;
  display: flex; /* 使用Flexbox布局 */
  font-size: 12px; /* 将字体大小设为14px */
  justify-content: space-between;
}

.bxh_left {
  display: flex;
  align-items: center;
}

.kexuan {
  background-color: #f0f0f0; /* 设置输入框背景色为灰色 */
  margin-right: 10rpx;
  width: 30rpx;
  height: 30rpx;
}

.bukexuan {
  background-color: #d96365; /* 设置输入框背景色为灰色 */
  width: 30rpx;
  height: 30rpx;
  margin-right: 10rpx;
  margin-left: 20rpx;
}

.bx_h4 {
  margin-top: 20rpx;
  width: 100%;
  font-size: 8px; /* 将字体大小设为14px */
  display: flex; /* 使用Flexbox布局 */
}

.bx_fk {
  width: 25rpx;
  height: 25rpx;
  margin-left: 5rpx;
}

.bx_fk_yes {
  background-color: #f0efef;
}

.bx_fk_no {
  background-color: #d86365;
}

.bx_fk_none {
  background-color: #fff;
}

.jaige {
  /* margin-left: 300rpx; */
  color: #d04646;
}

.di {
  display: flex; /* 使用Flexbox布局 */
  width: 100%;
  border-top: 2rpx solid rgb(211, 211, 211);
}

.di_text {
  font-size: 14px; /* 将字体大小设为14px */
  margin-left: 40rpx;
}

.di_text_1 {
  font-size: 22px; /* 将字体大小设为14px */
}

.di_ljyd {
  background-color: rgb(245, 215, 170);
  width: 200rpx;
  height: 90rpx;
  border-radius: 10rpx; /* 设置边框圆角 */
  display: flex; /* 使用Flexbox布局 */
  justify-content: center;
  align-items: center;
  margin-right: 40rpx;
}
</style>
